<div class="com06">
    <div class="icenter3 aos-init aos-animate" aos="fade-up">
        <h4>CONTACT US</h4>
        <h5>致力于成为中国高性能功能材料技术领导者</h5>
        <a href="/contactus.html" class="more">联系我们</a>
    </div>
</div>
<footer>
    <div class="icenter2">
        <a href="/" class="logo"><img src="/static/images/logo_c.png" alt=""></a>
        <div class="mid">
            <div class="le">
                <dl>
                    {foreach $categories as $menu}
                    <dd class="f_nav">
                        <h4>
                            <a href="{$menu.url}" title="{$menu.name}" class="a">{$menu.name}</a>
                        </h4>
                        {notempty name="menu.child"}
                        <div class="min">
                            {foreach $menu.child as $childmenu}
                            <a href="{$childmenu.url}">{$childmenu.name}</a>
                            {/foreach}
                        </div>
                        {/notempty}
                    </dd>
                    {/foreach}
                </dl>
                <div class="zixun">
                    <h4>咨询热线</h4>
                    <a href="tel:010-62345665">010-62343188 / 010-62342350</a>
                    <p>
                        电子邮件：jackie.hu@suryee.com <br>
                        联系地址：北京市海淀区学院路30号方兴大厦
                    </p>
                </div>
            </div>
            <div class="ri f_nav">
                <h4>
                    <a href="/contactus.html">联系我们</a>
                </h4>
            </div>
        </div>
        <div class="bot">
            <div class="le">
                <ul class="share">
                    <li>
                        <a><img src="/static/images/wx.png"></a>
                        <div class="popup">
                            <div class="er-code">
                                <img src="/static/picture/weixin.code.jpg">
                            </div>
                            <div class="triangle"></div>
                        </div>
                    </li>
                    <!-- <li>
                        <a href="javascript:;"><img src="/static/images/whats-app.png"></a>
                        <div class="popup">
                            <div class="er-code">
                                <img src="/static/whatsapp.png">
                            </div>
                            <div class="triangle"></div>
                        </div>
                    </li>
                    <li>
                        <a href="https://www.facebook.com/profile.php?id=100086147914005&amp;mibextid=LQQJ4d"><img
                                src="/static/images/face.png"></a>
                        <div class="popup">
                            <div class="er-code">
                                <img src="/static/style/img/sy_ewmth1.jpg">
                            </div>
                            <div class="triangle"></div>
                        </div>
                    </li>
                    <li>
                        <a href="https://www.linkedin.com/company/avimetal-am/"><img src="/static/ly.png"></a>
                        <div class="popup">
                            <div class="er-code">
                                <img src="/static/images/linkedin.png">
                            </div>
                            <div class="triangle"></div>
                        </div>
                    </li>
                    <li>
                        <a
                            href="https://twitter.com/avimetalamdavid/status/1641006683207127043?s=61&amp;t=_okCSpnNfr3S6jwXxcD-yg"><img
                                src="/static/images/twi.png"></a>
                        <div class="popup">
                            <div class="er-code">
                                <img src="/static/style/img/sy_ewmth1.jpg">
                            </div>
                            <div class="triangle"></div>
                        </div>
                    </li>
                    <li>
                        <a href="https://www.instagram.com/avimetalam/"><img src="/static/images/ins.png"></a>
                        <div class="popup">
                            <div class="er-code">
                                <img src="/static/style/img/sy_ewmth1.jpg">
                            </div>
                            <div class="triangle"></div>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank"><img src="/static/style/img/youtube.png"></a>
                        <div class="popup">
                            <div class="er-code">
                                <img src="/static/style/img/sy_ewmth1.jpg">
                            </div>
                            <div class="triangle"></div>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;"><img src="/static/images/wxsp.png"></a>
                        <div class="popup">
                            <div class="er-code">
                                <img src="/static/weixinsp.png">
                            </div>
                            <div class="triangle"></div>
                        </div>
                    </li> -->
                    <!-- <li>
                        <a href="javascript:;" target="_blank"><img src="/static/images/dy.png"></a>

                        <div class="popup">
                            <div class="er-code">
                                <img src="/static/images/douyin2.png">
                            </div>
                            <div class="triangle"></div>
                        </div>
                    </li> -->
                </ul>
                <div class="power">
                    <div class="t_power">
                        <span class="p_a">{$system.copyright ?? '© Copyright 2021 | 北京赛亿科技有限公司 | All rights reserved'}</span>
                        <a href="https://beian.miit.gov.cn/" target="_blank" class="p_a">{$system.icp ?? '京ICP备16026450号-1'}</a>
                    </div>
                    <div class="b_power">
                        <span>语言版本：</span>
                        <a href="/">CN</a>
                        <a href="/en">EN</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>

<script>
    $(function () {
        var acc = 0;
        var acc1 = 0;
        var acc2 = 0;
        $(".fa-qq").click(function () {
            $(this).socialShare("tQQ");
        })
        $(".fa-qzone").click(function () {
            $(this).socialShare("qZone");
        })
        $(".fa-douban").click(function () {
            $(this).socialShare("doubanShare");
        })
        $(".fa-weibo").click(function () {
            $(this).socialShare("sinaWeibo");
        })
        $(".fa-twitter").click(function () {
            $(this).socialShare("Twitter");
        })
        $(".fa-facebook").click(function () {
            $(this).socialShare("Facebook");
        })
        $(".fa-linkedin").click(function () {
            $(this).socialShare("linkedinShare");
        })
        $(".fa-weixin").css("position", "relative")
        $(".fa-weixin1").append("<div id=\"output1\" style=\"display:none;position: absolute; top: -200px; left: 50%; transform: translateX(-50%); padding: 8px; border: 1px solid #ddd; background-color: #fff;\"></div>");
        $(".fa-weixin1").mouseenter(function () {

            var di = window.location.pathname;
            let url = window.location.href
            if (acc == 0) {
                acc = 1;
                jQuery('#output1').qrcode(
                    {
                        render: "canvas", //也可以替换为table
                        width: 160,
                        height: 160,
                        text: url,
                    }
                );
            }

            $("#output1").css("display", "block")

        })
        $(".fa-weixin1").mouseleave(function () {
            $("#output1").css("display", "none")
        })

        $(".fa-weixin2").append("<div id=\"output2\" style=\"display:none;position: absolute; top: -200px; left: 50%; transform: translateX(-50%); padding: 8px; border: 1px solid #ddd; background-color: #fff;\"></div>");
        $(".fa-weixin2").mouseenter(function () {
            var di = window.location.pathname;
            let url = window.location.href
            if (acc1 == 0) {
                acc1 = 1;
                jQuery('#output2').qrcode(
                    {
                        render: "canvas", //也可以替换为table
                        width: 160,
                        height: 160,
                        text: url,
                    }
                );
            }

            $("#output2").css("display", "block")

        })
        $(".fa-weixin2").mouseleave(function () {
            $("#output2").css("display", "none")
        })
        $(".fa-weixin3").append("<div id=\"output3\" style=\"display:none;position: absolute; top: -200px; left: 50%; transform: translateX(-50%); padding: 8px; border: 1px solid #ddd; background-color: #fff;\"></div>");
        $(".fa-weixin3").mouseenter(function () {
            var di = window.location.pathname;
            let url = window.location.href
            if (acc2 == 0) {
                acc2 = 1;
                jQuery('#output3').qrcode(
                    {
                        render: "canvas", //也可以替换为table
                        width: 160,
                        height: 160,
                        text: url,
                    }
                );
            }
            $("#output3").css("display", "block")

        })
        $(".fa-weixin3").mouseleave(function () {
            $("#output3").css("display", "none")
        })
    })
</script>